

<template>
	<div class="card_box">
		<!--<tab v-model="index">-->
			<!--<tab-item >可使用卡</tab-item>-->
			<!--<tab-item >已失效卡</tab-item>-->
		<!--</tab>-->

    <van-tabs v-model="index" swipeable animated="true">
      <van-tab title="可使用卡">
        <list :type="1" ></list>
      </van-tab>
      <van-tab title="已失效卡">
        <list :type="2"  ></list>
      </van-tab>
    </van-tabs>

		<!--<swiper :aspectRatio="0" v-model="index" aspect-ratio height="400px" :show-dots="false">-->
			<!--<swiper-item >-->
				<!--<div class="tab-swiper vux-center">-->
					<!--<list :type="1"></list>-->
				<!--</div>-->
			<!--</swiper-item>-->
			<!--<swiper-item >-->
				<!--<div class="tab-swiper vux-center">-->
					<!--<list :type="2"></list>-->
				<!--</div>-->
			<!--</swiper-item>-->
		<!--</swiper>-->
    <back></back>
	</div>
</template>

<script>
	import { Tab, TabItem, Swiper, SwiperItem } from 'vux'
	import list from './list'
  import back from '@/components/back/backPrev';
	export default {
		components:{
			list,
			Tab,
			TabItem,
			Swiper,
			SwiperItem,
      back
		},
		data(){
			return {
				index : 0
			}
		},
		methods : {

		},
		created(){
			this.$store.dispatch('user/card/initdata');
		},
		computed : {

		}
	}
</script>
